<template>
	<!-- 直播报名 -->
	<div class="streamingdetail" id="streamingdetail">
		<div class="streamingdetail_cont">

			<div class="streamingdetail_cont_main" v-show="query.Hftype == 1">
				<div class="streamingdetail_cont_main_left">
					<img :src="coursedetail.CoverPicturePath" alt />
					<div class="streamingdetail_cont_main_left_cover">
						<div class="playvideobtn" v-if="query.OpCourseId == '411243CAED5391EC'"
							@click="tomenuplayvideodeil()">
							<i class="iconfont icon-bofangqi-bofangshu"></i>
						</div>
						<div class="streamingdetail_cont_main_left_cover_ifno"
							v-if="query.OpCourseId != '411243CAED5391EC'">
							<p class="nextd">下节直播：{{ coursedetail.CourseName }}</p>
							<p class="nextd">已结束</p>
							<p class="nexttow">
								{{ coursedetail.StartDate }}
								<a @click="baoming()" :style="subscribeStyle">{{
                  subscribe
                }}</a>
							</p>
						</div>
					</div>
					<p class="streamingdetail_cont_main_left_promise">
						服务承诺：
						<span>
							<i class="iconfont icon-zhibohuifang"></i>
							<span>课后有回放</span>
						</span>
						<span>
							<i class="iconfont icon-baozhang" style="font-size: 20px; top: 3px; left: 5px"></i>
							<span style="margin-left: 9px">支付有保障</span>
						</span>
					</p>
				</div>
				<div class="streamingdetail_cont_main_right">
					<p class="streamingdetail_cont_main_right_tit" @click="zstomenu()">
						<a :title="coursedetail.CourseName">{{
              coursedetail.CourseName
            }}</a>
						<span>({{ coursedetail.ClassName }})</span>
					</p>
					<p class="streamingdetail_cont_main_right_paycount">
						已报名 {{ coursedetail.NumberAppPer }}人 （每班人数{{
              coursedetail.PerUpperlimit
            }}人）
						<!-- <i></i> -->
						<span v-for="(item, index) in coursedetailList" :key="index">{{
              item
            }}</span>
					</p>
					<div class="streamingdetail_cont_main_right_date">
						<h2 class="hidden-clip">{{ coursedetail.CourseName }}</h2>
						<p>
							上课时间：{{ coursedetail.StartDate }} 至
							{{ coursedetail.EndDate }}
						</p>
					</div>
					<div class="streamingdetail_cont_main_right_price">
						<div class="streamingdetail_cont_main_right_price_top">
							<span v-if="query.OpCourseId == '411243CAED5391EC'">限时免费</span>
							<span v-else>限时抢购</span>
						</div>
						<div class="streamingdetail_cont_main_right_price_bottom">
							<ul>
								<li>
									<span v-if="coursedetail.DisCount < 1">￥{{
                      (coursedetail.Price * coursedetail.DisCount) | fixed()
                    }}</span>
									<span style="text-decoration: line-through"
										v-if="coursedetail.DisCount < 1">￥{{ coursedetail.Price }}</span>
									<span v-if="coursedetail.DisCount >= 1">￥{{ coursedetail.Price }}</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="streamingdetail_cont_main_right_subpay">
						<span @click="baoming()" :style="applyStyle">{{ apply }}</span>
					</div>
					<div class="streamingdetail_cont_main_right_zixu" @click="dialogtter()">
						报名须知
					</div>
					<div class="streamingdetail_cont_main_right_zixuB" @click="tomunotesappli()">
						听课须知
						<!-- <i class="iconfont icon-tongzhi-copy"></i>
            <span>听课须知</span>-->
					</div>
				</div>
				<div style="clear: both"></div>
			</div>

			<!-- 普通大课 -->
			<div class="streamingdetail_contB" v-show="query.Hftype == 2">
				<div class="streamingdetail_cont_main">
					<div class="streamingdetail_cont_main_video">
						<div class="streamingdetail_cont_main_video_video">
							<video :src="videoSrc" ref="video" controls :autoplay="autoplay"
								vslide-gesture-in-fullscreen picture-in-picture-show-progress
								id="streamingdetail_cont_main_video_video"></video>
							<div class="streamingdetail_cont_main_video_video_cover" v-show="videoCove">
								<div class="streamingdetail_cont_main_video_video_cover_img"></div>
								<div v-show="btbVideoCove" class="streamingdetail_cont_main_video_video_cover_cover">
								</div>
								<div v-show="btbVideoCove" class="streamingdetail_cont_main_video_video_cover_btn"
									@click="playervideo()">
									<i class="iconfont icon-bofangqi-bofangshu"></i>
								</div>
							</div>
						</div>
						<div class="streamingdetail_cont_main_video_menu">
							<ul class="streamingdetail_cont_main_video_menu_one">
								<li v-for="(item, index) in courmunulist" :key="index"
									@click="playback(item.OneToOne, item.OpenId, item.Title)"
									:class="{ courmunuactive: courmunuactive == item.OpenId }">
									<p>
										<span class="streamingdetail_cont_main_video_menu_left">回放</span>
										<span v-html="item.Title"></span>
									</p>
								</li>
							</ul>
							<!-- http://localhost:8080/streaming/streamingdetail?OpCourseId=96B511D03E2CA8B1&Hftype=2&type=2&OpenId=EF5E3E3A74820C81 -->
							<!-- http://localhost:8080/streaming/streamingdetail?OpCourseId=96B511D03E2CA8B1&Hftype=2&type=2 -->
							<ul class="streamingdetail_cont_main_video_menu_two" v-show="isShowovo">
								<li v-for="(item, index) in courmunulistovo" :key="index"
									@click="playovoback(item, index)"
									:class="{ courmunuovoactive: courmunuovoactive == index }">
									<p>
										<span class="streamingdetail_cont_main_video_menu_left">回放</span>
										<span v-html="item.Title"></span>
									</p>
								</li>
							</ul>
						</div>
						<div style="clear: both"></div>
					</div>
					<div class="streamingdetail_cont_main_info">
						<div class="streamingdetail_cont_main_info_tit">
							<p>
								<span v-html="courmunulistdetail.CourseName"></span>
								<!-- 暂时注释 -->
								<!-- <span
                  v-if="(isIsApply == false && OneToOneB == true) || (isIsApply == false && IsMember == 0)"
                >试看5分钟</span> -->
							</p>
							<p>
								<span>{{ huifmenuTitle }}</span>
							</p>
						</div>
						<div class="streamingdetail_cont_main_info_btn" @click="streamingcourse()">
							预约下期直播课
						</div>
					</div>
				</div>
			</div>

			<!-- 1v1 -->
			<div class="streamingdetail_contB" v-show="query.Hftype == 3">
				<div class="streamingdetail_cont_main">
					<div class="streamingdetail_cont_main_video">
						<div class="streamingdetail_cont_main_video_video">
							<video :src="videoSrc" ref="videoB" controls id="streamingdetail_cont_main_video_video"
								:autoplay="autoplay" vslide-gesture-in-fullscreen
								picture-in-picture-show-progress></video>
							<div class="streamingdetail_cont_main_video_video_cover" v-show="videoCove">
								<div class="streamingdetail_cont_main_video_video_cover_img"></div>
								<div class="streamingdetail_cont_main_video_video_cover_cover"></div>
								<div v-show="!videoCove" class="streamingdetail_cont_main_video_video_cover_btn"
									@click="playervideo()">
									<i class="iconfont icon-bofang1"></i>
								</div>
							</div>
						</div>
						<div class="streamingdetail_cont_main_video_menu">
							<ul class="streamingdetail_cont_main_video_menu_one">
								<li v-for="(item, index) in courmunulist" :key="index"
									@click="playback(item.OneToOne, item.OpenId, item.Title)"
									:class="{ courmunuactive: courmunuactive == item.OpenId }">
									<p>
										<span class="streamingdetail_cont_main_video_menu_left">回放</span>
										<span v-html="item.Title"></span>
									</p>
								</li>
							</ul>
							<ul class="streamingdetail_cont_main_video_menu_two" v-show="isShowovo">
								<li v-for="(item, index) in courmunulistovo" :key="index"
									@click="playovoback(item, index)"
									:class="{ courmunuovoactive: courmunuovoactive == index }">
									<p>
										<span class="streamingdetail_cont_main_video_menu_left">回放</span>
										<span v-html="item.Title"></span>
									</p>
								</li>
							</ul>
						</div>
						<div style="clear: both"></div>
					</div>
					<div class="streamingdetail_cont_main_info">
						<div class="streamingdetail_cont_main_info_tit">
							<p>
								<span v-html="courmunulistdetail.CourseName"></span>
								<span v-if="isIsApply == false">试看5分钟</span>
							</p>
							<p>
								<span>{{ huifmenuTitle }}</span>
							</p>
						</div>
						<div class="streamingdetail_cont_main_info_btn" @click="streamingcourse()">
							预约下期直播课
						</div>
					</div>
				</div>
			</div>

			<div class="streamingdetail_cont_body">
				<div class="streamingdetail_cont_body_main">
					<div class="streamingdetail_cont_body_left">
						<div class="streamingdetail_cont_body_left_tab">
							<ul>
								<li :class="{ stretab: stretab === 0 }" @click="stretab = 0">
									<a>课程概述</a>
								</li>
								<li :class="{ stretab: stretab === 1 }" @click="stretab = 1">
									<a @click="getCoursemenu()">目录</a>
								</li>
								<div style="clear: both"></div>
							</ul>
						</div>


						<div class="streamingdetail_cont_body_left_tab_cont" v-show="stretab == 0">
							<p class="streamingdetail_cont_body_left_tab_cont_tet">
								专家介绍
							</p>

							<div class="streamingdetail_cont_body_left_tab_cont_swiper wepcexpert">
								<div class="swiper-container">
									<div class="swiper-wrapper">
										<div class="swiper-slide" v-for="(item, index) in coursedescribecont"
											:key="index" @click="tomrexpert(item)">
											<div class="streamingdetail_cont_body_left_tab_cont_swiper_info">
												<div class="streamingdetail_cont_body_left_tab_cont_swiper_info_img">
													<img :src="item.HeadPicPath" alt />
												</div>
												<div class="streamingdetail_cont_body_left_tab_cont_swiper_info_cont">
													<p>
														<a :title="item.Name">{{ item.Name }}</a>
													</p>
													<p v-html="item.Introduce">
														<a :title="item.Introduce"></a>
													</p>
												</div>
												<div style="clear: both"></div>
											</div>
										</div>
									</div>
									<div class="swiper-pagination"></div>
									<div class="swiper-button-next">
										<i class="iconfont icon-arrow-right"></i>
									</div>
									<div class="swiper-button-prev">
										<i class="iconfont icon-zuojiantou"></i>
									</div>
								</div>
							</div>



							<div class="moexpert">
								<ul>
									<li v-for="(item, index) in coursedescribecont" :key="index">
										<div class="moexpert_exrtpimg">
											<img :src="item.HeadPicPath" alt />
										</div>
										<p>
											<a :title="item.Name">{{ item.Name }}</a>
										</p>
										<p v-html="item.Introduce">
											<a :title="item.Introduce"></a>
										</p>
									</li>
									<div style="clear: both"></div>
								</ul>
							</div>
							<div class="streamingdetail_cont_body_left_tab_cont_info">
								<p>课程简介</p>
								<p v-html="coursedescribetit"></p>
							</div>
						</div>






						<div class="streamingdetail_cont_body_left_tab_contB" v-show="stretab == 1">
							<ul>
								<li v-for="(item, index) in muldescribecont" :key="index">
									<div class="streamingdetail_cont_body_left_tab_contB_top">
										<span></span>
										<span>{{ item.Title }}</span>
									</div>
									<div class="streamingdetail_cont_body_left_tab_contB_bottom">
										<i class="iconfont icon-zhibo"></i>
										<p>
											<span :title="item.Title">{{ item.Title }}</span>
											<span>({{ item.StartDate }}-{{ item.EndDate }})</span>
											<span class="lookvideo" v-if="item.playback == true"
												@click.stop="lookbroadcast(item, index)">看录播</span>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div v-if="dialogFormVisible" class="poupDialog">
			<div class="amendingCont_cluster_Left_contB" style="width: 90vw">
				<div class="amendingCont_cluster_content contA">
					<van-cell-group>
						<van-field :value="form.RealName" placeholder="请输入用户名" label="姓名:" @change="RealNameChange"
							required />
					</van-cell-group>
					<div class="labelSty">
						<div style="">性别:</div>
						<van-radio-group :value="form.Gender" @change="GenderChange" style="display: flex">
							<van-radio name="1">男</van-radio>
							<van-radio name="2" style="margin-left: 20px">女</van-radio>
						</van-radio-group>
					</div>
					<div class="birth">
						<p>出生日期:</p>
						<p style="margin-left: 15px; flex: 1" @click="openPopup('popupShow')">
							{{ form.Birthday || "请选择" }}
						</p>
					</div>

					<div class="birth">
						<p>学历:</p>
						<p style="margin-left: 15px; flex: 1" @click="openPopup('BirthdayShow')">
							{{ EducationName }}
						</p>
					</div>

					<!-- 职称 -->

					<div class="birth">
						<p>职称:</p>
						<p style="margin-left: 15px; flex: 1" @click="openPopup('JobTitleShow')">
							{{ JobTitle }}
						</p>
					</div>

					<van-cell-group>
						<van-field :value="form.SectionOffice" placeholder="请输入科室" label="科室:"
							@change="SectionOfficeChange" />
					</van-cell-group>

					<van-cell-group>
						<van-field :value="form.WorkUnit" placeholder="请输入工作单位" label="工作单位:"
							@change="WorkUnitChange" />
					</van-cell-group>
					<van-cell-group>
						<van-field :value="form.Address" placeholder="请输入联系地址" label="联系地址:" @change="AddressChange" />
					</van-cell-group>

					<van-cell-group>
						<van-field :value="form.cell" center clearable label="手机号" placeholder="请输入手机号" :border="false"
							use-button-slot @change="cellChange">
							<van-button slot="button" size="small" type="primary" @click="getCode">
								{{ timeCode }}
							</van-button>
						</van-field>
					</van-cell-group>
					<van-cell-group>
						<van-field :value="form.code" label="验证码" placeholder="请输入验证码" :border="false"
							@change="codeChange" />
					</van-cell-group>
					<div style="display: flex">
						<div class="personalCont_Cont_right_save" @click="dialogFormVisible = false">
							取消
						</div>
						<div class="personalCont_Cont_right_save" @click="submitInfo">
							确定
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- <van-cell title="请选择出生日期" :show="popupShow" @click="showPopup" /> -->
		<van-popup :show="popupShow" @close="onClose" custom-style="width: 100%;z-index:1000;" position="bottom">
			<van-datetime-picker type="date" :min-date="1000" @input="getValues" :value="form.Birthday"
				@confirm="BirthdayChange" @cancel="BirthdayCancel" />
		</van-popup>

		<!-- <van-cell title="请选择学历"  :show="BirthdayShow" @click="showPopup" @cancel="onClose" /> -->
		<van-popup :show="BirthdayShow" @close="onClose" custom-style="width: 100%;" position="bottom" z-index="1000"
			@cancel="onClose">
			<van-picker show-toolbar :columns="optionsedu" @confirm="EducationChange" values="ValueID" key="ValueID"
				value-key="ValueText" @cancel="onClose" />
		</van-popup>

		<!-- <van-cell title="请选择职称"  :show="JobTitleShow" @click="showPopup" @cancel="onClose" /> -->
		<van-popup :show="JobTitleShow" @close="onClose" custom-style="width: 100%;" position="bottom" z-index="1000"
			@cancel="onClose">
			<van-picker show-toolbar :columns="optionsejob" @confirm="JobTitleChange" values="ValueID" key="ValueID"
				value-key="ValueText" @cancel="onClose" />
		</van-popup>

		<div class="shade" v-if="flag">
			<div>
				<h6><span>报名须知</span><span @click="flag = false">X</span></h6>
				<p>
					1.填写报名信息时，请上传一篇原创文章（或初稿），如文章通过专家预审，学员可参加一对一
					<span>（个案分析）课程</span>，如文章未通过专家预审，报名费全额退款。
				</p>
				<p>
					2.学员报名成功后，如遇特殊情况申请退款的，须至少于开课前48小时提交申请，申请提交后48小时内全额退款。
				</p>
				<p>
					3.开课前24小时至课程正式开始期间，如遇特殊情况申请退款的，平台将扣除20%报名费。
				</p>
				<p v-if="Isgtter == true">
					4.课程结束后，作者须严格按专家指导意见修改文章，如果自课程结束6个月，文章未能成功发表，学员可申请退款，申请提交后48小时内全额退款。
				</p>
				<p v-if="Isgtter == false">
					4.如有其他问题请咨询客服， 客服电话：400-921-9838
				</p>
				<p v-if="Isgtter == true">
					5.如有其他问题请咨询客服， 客服电话：400-921-9838
				</p>
				<div>
					<img src="../../../static/bianjiimg/kkf.png" alt />
				</div>
				<p style="text-align: center; margin-left: 0%">微信客服</p>
			</div>
		</div>
		<Alerts :flag="flagVideo" @comfig="comfigVideo"></Alerts>
	</div>
</template>

<script>
	// import moment from "moment";
	// import Swiper from "swiper";
	import moment from "../../../util/index.js";
	export default {
		//   mixins: [pagination],
		computed: {
			timeCode() {
				return this.time === "获取验证码" ? "获取验证码" : this.time + "s";
			},
			coursedetailList() {
				return (this.coursedetail.Label || "").split(",");
			},
		},
		filter: {
			fixed(val) {
				return val.toFixed(2);
			},
		},
		data() {
			const VALIDATE_MOBILE_NO = (rule, value, callback) => {
				//   if (util.isNotEmpty(value) && !validate.validateMobile(value)) {
				//     callback(new Error("手机号需为11位数字"));
				//   } else {
				//     callback();
				//   }
			};
			return {
				btbVideoCove: true,
				flagVideo: false,
				flag: false,
				videoCove: false,
				apply: "立即报名",
				applyStyle: {},
				subscribe: "预约直播",
				subscribeStyle: {},
				// 获取验证码
				perdisabled: false,
				// 暂时
				coursetype: "",
				// 判断用户是否是会员
				IsMember: "",
				// 判断是否登录
				Islogin: "",
				lookfive: false,

				// 是否展示1v1列表
				isShowovo: false,
				// 手机号输入框是否禁用
				isdisabledFn: false,
				timeDefaultShow: new Date("1990-10-23"),
				courmunuactive: "",
				courmunuovoactive: "",

				courmunulistdetail: [],
				courmunulist: [],
				// 一对一列表
				courmunulistovo: [],
				formRules: {
					cell: [{
						validator: VALIDATE_MOBILE_NO,
						trigger: "blur"
					}],
				},
				show: false,
				stretab: 0,
				classes: "",
				options: [{
						value: "未满",
						label: "课程一",
					},
					{
						value: "未满",
						label: "课程二",
					},
					{
						value: "已满",
						label: "课程三",
					},
					{
						value: "已满",
						label: "课程四",
					},
					{
						value: "已满",
						label: "课程五",
					},
				],
				coursedetail: {},
				coursedescribe: [],
				// 内容简介
				coursedescribetit: "",
				// 课程概括
				coursedescribecont: [],
				// 课程目录
				muldescribecont: [],
				zheprice: "",

				// 关键词
				keywordcont: [],
				// 付费页面班级id传参
				classId: "",
				// 付费页面课程id传参
				courseId: "",
				// 折扣
				disCount: "",

				// 弹框
				dialogFormVisible: false,

				formLabelWidth: "80px",
				time: "获取验证码",
				mobileB: "",

				dialogttercou: false,

				state: false,

				// 视频播放第一个id
				huifmenuopenId: "",
				// 视频播放第一个name
				huifmenuoname: "",
				// title赋值
				huifmenuTitle: "",

				Ismobile: "",

				isIsApply: "",
				// 判断是否是1v1
				OneToOneB: "",

				// 判断是否显示报名须知全部内容
				Isgtter: "",

				BirthdayB: "",
				page: {
					pageSize: 10,
					currentPage: 1,
					total: 0,
				},
				query: {},
				videoSrc: "",
				autoplay: false,

				form: {
					rules: "",
					// 姓名
					RealName: "",
					// 工作单位
					WorkUnit: "",
					// 出生日期
					Birthday: null,
					// 性别
					Gender: 1,
					// 联系地址
					Address: "",
					// 专业
					Professional: "",
					// 部门
					SectionOffice: "",
					// 学历
					Education: "",
					// 职称
					JobTitle: "",
					// 职务
					Job: "",
					code: "",
				},
				timeDefaultShow: new Date("1990-10-23"),
				optionsedu: [],
					optionsejob: [

					],
					rules: {
						RealName: [{
							required: true,
							message: "请输入姓名",
							trigger: "blur"
						}],
						Birthday: [{
							required: true,
							message: "请输入出生日期",
							trigger: "blur"
						}, ],
						Gender: [{
							required: true,
							message: "请勾选性别",
							trigger: "blur"
						}],
						Education: [{
							required: true,
							message: "请选择学历",
							trigger: "change"
						}, ],
						JobTitle: [{
							required: true,
							message: "请选择职称",
							trigger: "change"
						}, ],
					},
					BirthdayB: "",
					popupShow: false,
					BirthdayShow: false,
					JobTitleShow: false,
					EducationName: "请选择",
					JobTitle: "请选择",
					tim: null,
				};
			},
			// 获取当前日期转换为年月日格式
			filters: {
					formatDate: function(value) {
						let date = new Date(value);
						let y = date.getFullYear();
						let MM = date.getMonth() + 1;
						MM = MM < 10 ? "0" + MM : MM;
						let d = date.getDate();
						d = d < 10 ? "0" + d : d;
						let h = date.getHours();
						h = h < 10 ? "0" + h : h;
						let m = date.getMinutes();
						m = m < 10 ? "0" + m : m;
						let s = date.getSeconds();
						s = s < 10 ? "0" + s : s;
						return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
					},
				},
				// 获取当前日期转换为年月日格式
				filters: {
					formatDate(value) {
						return moment(value).format("YYYY-MM-DD HH:mm:ss");
					},
				},
				methods: {
					cellChange(e) {
						this.form.cell = e.mp.detail;
					},
					codeChange(e) {
						this.form.code = e.mp.detail;
					},
					comfigVideo(type) {
						this.flagVideo = false;
						if (type) {
							this.$uniRouter.push({
								path: "/login",
							});
						}
					},
					comfig() {
						this.flag = false;
					},
					// 公共卫生测量跳转回放
					tomenuplayvideodeil() {
						let userName = this.$sessionStorage.getItem("userName");
						if (userName) {
							// this.$uniRouter.push({
							//   path: "/pages/streamingdetail/main",
							// query: {
							//   OpCourseId: this.query.OpCourseId,
							//   Hftype: 2,
							//   type: 2,
							//   title: "公共卫生测量指标",
							//   OpenId: "EF5E3E3A74820C81",
							//   index: 0,
							//   coursetype: 0,
							//   contNav: 2,
							// },
							// });
							this.init({
								OpCourseId: this.query.OpCourseId,
								Hftype: 2,
								type: 2,
								title: "公共卫生测量指标",
								OpenId: "EF5E3E3A74820C81",
								index: 0,
								coursetype: 0,
								contNav: 2,
							});
						} else {
							this.flagVideo = true;
							// this.$confirm("请先登录", "提示", {
							//   customClass: "message-logout",
							//   confirmButtonText: "确定",
							//   cancelButtonText: "取消",
							// })
							//   .then(() => {
							//     this.$uniRouter.push({
							//       path: "/login",
							//     });
							//   })
							//   .catch((e) => {
							//     console.log(e);
							//   });
						}
					},
					// 看录播
					lookbroadcast(item, index) {
						let userName = this.$sessionStorage.getItem("userName");
						if (userName) {
							// this.$uniRouter.push({
							//   path: "/pages/streamingdetail/main",
							//   query: {
							//     OpCourseId: this.query.OpCourseId,
							//     Hftype: 2,
							//     type: 2,
							//     title: item.Title,
							//     OpenId: item.OpenId,
							//     index: index,
							//     coursetype: 0,
							//     contNav: 2,
							//   },
							// });
							this.init({
								OpCourseId: this.query.OpCourseId,
								Hftype: 2,
								type: 2,
								title: item.Title,
								OpenId: item.OpenId,
								index: index,
								coursetype: 0,
								contNav: 2,
							});
						} else {
							this.flagVideo = true;
							// this.$confirm("请先登录", "提示", {
							//   customClass: "message-logout",
							//   confirmButtonText: "确定",
							//   cancelButtonText: "取消",
							// })
							//   .then(() => {
							//     this.$uniRouter.push({
							//       path: "/login",
							//     });
							//   })
							//   .catch((e) => {
							//     console.log(e);
							//   });
						}
					},
					// 判断是手机还是pc
					isMobile() {
						let flag = navigator.userAgent.match(
							/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
						);
						return flag;
					},
					// 暂时跳转
					zstomenu() {
						this.$uniRouter.push({
							path: "/streaming/streamingHome",
						});
					},
					// 提交完善信息dialog信息页面
					submitInfo(formName) {
						let localmoile = this.$localStorage.getItem("Mobile");
						if (!this.form.RealName.trim()) {
							return wx.showToast({
								title: "姓名不为空",
								icon: "none"
							});
						}

						if (!this.form.Gender) {
							return wx.showToast({
								title: "请选择性别",
								icon: "none"
							});
						}
						if (!this.form.Birthday) {
							return wx.showToast({
								title: "请选择出生日期",
								icon: "none"
							});
						}
						if (this.form.Education == "") {
							this.form.Education = 0;
						} else {
							this.form.Education = this.form.Education;
						}
						if (this.form.JobTitle == "") {
							this.form.JobTitle = 0;
						} else {
							this.form.JobTitle = this.form.JobTitle;
						}
						this.BirthdayB = moment.formatTime(this.tim);
						if (localmoile) {
							// this.BirthdayB = moment(this.form.Birthday).format(
							//   "YYYY/M/D H:mm:ss"
							// );
							this.$httphelper
								.post("/api/LmUserApi/UpdateUserMessage", {
									OpenId: this.$localStorage.getItem("AuthorId"),
									WorkUnit: this.form.WorkUnit,
									Birthday: this.Birthday,
									Gender: this.form.Gender,
									Address: this.form.Address,
									RealName: this.form.RealName,
									Professional: "",
									Education: this.form.Education,
									JobTitle: this.form.JobTitle,
									SectionOffice: this.form.SectionOffice,
									Job: "",
									Mentor: "",
									ZipCode: "",
									Mobile: this.form.cell,
								})
								.then((res) => {
									if (res.data.data == true) {
										this.$localStorage.setItem("Mobile", this.form.cell);
										this.dialogFormVisible = false;
										this.$message({
											message: "提交成功",
											type: "success",
										});
										this.$uniRouter.push({
											path: "/streaming/streamingpay",
											query: {
												classId: this.classId,
												courseId: this.courseId,
												type: this.query.type,
												Hftype: this.query.Hftype,
											},
										});
									} else {
										this.$message({
											message: "提交失败",
											type: "warning",
										});
									}
								})
								.catch((err) => {
									console.log(err);
								});
						} else {
							if (this.form.code) {
								this.$httphelper
									.post("/api/SmsEmailCodeApi/SmsEmailCodeOk", {
										Mobile: this.form.cell,
										VcStr: this.form.code,
									})
									.then((res) => {
										if (res.data.data == false) {
											this.$message({
												message: "请输入正确的验证码",
												type: "warning",
											});
										} else {
											// this.BirthdayB = moment(this.form.Birthday).format(
											//   "YYYY/M/D H:mm:ss 467607"
											// );
											this.$httphelper
												.post("/api/LmUserApi/UpdateUserMessage", {
													OpenId: this.$localStorage.getItem("AuthorId"),
													WorkUnit: this.form.WorkUnit,
													Birthday: this.Birthday,
													Gender: Number(this.form.Gender),
													Address: this.form.Address,
													RealName: this.form.RealName,
													Professional: "",
													Education: this.form.Education,
													JobTitle: this.form.JobTitle,
													SectionOffice: this.form.SectionOffice,
													Job: "",
													Mentor: "",
													ZipCode: "",
													Mobile: this.form.cell,
												})
												.then((res) => {
													if (res.data.data == true) {
														localStorage.setItem("Mobile", this.form.cell);
														this.dialogFormVisible = false;
														this.$message({
															message: "提交成功",
															type: "success",
														});
														this.$uniRouter.push({
															path: "/streaming/streamingpay",
															query: {
																classId: this.classId,
																courseId: this.courseId,
																type: this.query.type,
																Hftype: this.query.Hftype,
															},
														});
													} else {
														this.$message({
															message: "提交失败",
															type: "warning",
														});
													}
												})
												.catch((err) => {
													console.log(err);
												});
										}
									})
									.catch((err) => {
										console.log(err);
									});
							} else {
								this.$message({
									message: "请填写验证码",
									type: "warning",
								});
							}
						}
					},
					// 点击普通回放标题赋值视频链接
					playback(OneToOne, OpenId, name) {
						// this.OneToOneB = item.OneToOne;720857  19520096395
						// this.$uniRouter.push({
						//   path: "/pages/streamingdetail/main",
						//   query: {
						//     // "96B511D03E2CA8B1"
						//     OpCourseId: this.query.OpCourseId,
						//     Hftype: 2,
						//     type: 2,
						//     OpenId: OpenId,
						//   },
						// });
						this.init({
							OpCourseId: this.query.OpCourseId,
							Hftype: 2,
							type: 2,
							OpenId: OpenId,
						});
						this.courmunuactive = OpenId;
						// 加密完成
						if (OneToOne == false) {
							this.isShowovo = false;
							this.courmunuovoactive = "";
							this.$httphelper
								.post("/api/LmCourseApi/GetLiveBackPagePart", {
									Sign: "string",
									OpCataId: OpenId,
									OpAuthorId: this.$localStorage.getItem("AuthorId"),
								})
								.then((res) => {
									console.log(res, "kkk");
									this.huifmenuTitle = name;
									this.videoSrc = res.data.data.PlayBackPath;
									// 判断此视频是否有回放
									if (
										res.data.data.IsPlayBack == false ||
										res.data.data.PlayBackPath == ""
									) {
										wx.showToast({
											title: "此视频暂无回放",
											icon: "none",
										});
										this.videoCove = true;
										this.btbVideoCove = false;
										this.autoplay = false;
										//   this.$message({
										//     message: "此视频暂无回放",
										//     type: "warning",
										//   });
										//   $("#streamingdetail_cont_main_video_video").get(0).pause();
										//   $(".streamingdetail_cont_main_video_video_cover").css(
										//     "display",
										//     "block"
										//   );
										//   $(".streamingdetail_cont_main_video_video_cover_btn").css(
										//     "display",
										//     "none"
										//   );
										//   $(".streamingdetail_cont_main_video_video_cover_cover").css(
										//     "display",
										//     "none"
										//   );
									} else {
										this.videoCove = false;
										this.autoplay = false;
										// $(".streamingdetail_cont_main_video_video_cover").css(
										//   "display",
										//   "none"
										// );
										// $("#streamingdetail_cont_main_video_video").get(0).play();
									}
								})
								.catch((err) => {
									console.log(err);
								});
						} else {
							this.flagVideo = true;
							this.btbVideoCove = true;
							this.autoplay = false;
							// $("#streamingdetail_cont_main_video_video").get(0).pause();
							// $(".streamingdetail_cont_main_video_video_cover").css(
							//   "display",
							//   "block"
							// );
							// $(".streamingdetail_cont_main_video_video_cover_btn").css(
							//   "display",
							//   "block"
							// );
							// $(".streamingdetail_cont_main_video_video_cover_cover").css(
							//   "display",
							//   "block"
							// );
							if (this.isIsApply == true) {
								// 加密完成
								this.$httphelper
									.post("/api/LmCourseApi/GetLiveBackPagePart", {
										Sign: "string",
										OpCataId: OpenId,
										OpAuthorId: this.$localStorage.getItem("AuthorId"),
									})
									.then((res) => {
										this.huifmenuTitle = name;
										this.$refs.video.src = res.data.data.PlayBackPath;
										// 判断此视频是否有回放
										if (
											res.data.data.IsPlayBack == false ||
											res.data.data.PlayBackPath == ""
										) {
											this.$message({
												message: "此视频暂无回放",
												type: "warning",
											});
											this.btbVideoCove = false;
											this.flagVideo = true;
											//     $("#streamingdetail_cont_main_video_video").get(0).pause();
											//     $(".streamingdetail_cont_main_video_video_cover").css(
											//       "display",
											//       "block"
											//     );
											//     $(".streamingdetail_cont_main_video_video_cover_btn").css(
											//       "display",
											//       "none"
											//     );
											//     $(".streamingdetail_cont_main_video_video_cover_cover").css(
											//       "display",
											//       "none"
											//     );
										} else {
											this.flagVideo = false;
											this.autoplay = true;
											// $(".streamingdetail_cont_main_video_video_cover").css(
											//   "display",
											//   "none"
											// );
											//     $("#streamingdetail_cont_main_video_video").get(0).play();
										}
									})
									.catch((err) => {
										console.log(err);
									});
							} else {
								// 加密完成
								this.$httphelper
									.post("/api/LmCourseApi/GetOnetoOnePlayList", {
										Sign: "string",
										OpenId: OpenId,
									})
									.then((res) => {
										this.isShowovo = !this.isShowovo;
										this.courmunulistovo = res.data.data;
										if (this.isShowovo == false) {
											this.courmunuovoactive = "";
										}
									})
									.catch((err) => {
										console.log(err);
									});
							}
						}
					},
					// 点击1v1回放标题赋值视频链接
					playovoback(item, index) {
						this.courmunuovoactive = index;
						this.$httphelper
							.post("/api/LmCourseApi/GetLiveOneToOnePart", {
								Sign: "string",
								OpenId: item.OpenId,
							})
							.then((res) => {
								this.huifmenuTitle = item.Title;
								this.$refs.video.src = res.data.data.PlayBackPath;
								// 判断此视频是否有回放
								if (res.data.data.PlayBackPath == "") {
									this.$message({
										message: "此视频暂无回放",
										type: "warning",
									});
									this.btbVideoCove = false;
									this.flagVideo = true;
									this.autoplay = false;
									//     $("#streamingdetail_cont_main_video_video").get(0).pause();
									//     $(".streamingdetail_cont_main_video_video_cover").css(
									//       "display",
									//       "block"
									//     );
									//     $(".streamingdetail_cont_main_video_video_cover_btn").css(
									//       "display",
									//       "none"
									//     );
									//     $(".streamingdetail_cont_main_video_video_cover_cover").css(
									//       "display",
									//       "none"
									//     );
								} else {
									this.flagVideo = false;
									this.autoplay = true;
									// $(".streamingdetail_cont_main_video_video_cover").css(
									//   "display",
									//   "none"
									// );
									// $("#streamingdetail_cont_main_video_video").get(0).play();
								}
							})
							.catch((err) => {
								console.log(err);
							});
					},
					// 播放视频
					playervideo() {
						this.playback(false, this.huifmenuopenId, this.huifmenuoname);
					},
					// 直播回放目录
					// IsApply: false
					gethuifmenu() {
						// 加密完成
						this.$httphelper
							.post("/api/LmCourseApi/GetPlayBackPageList", {
								Sign: "string",
								OpCourseId: this.query.OpCourseId,
								OpAuthorId: this.$localStorage.getItem("AuthorId"),
							})
							.then((res) => {
								this.courmunulistdetail = res.data.data || {};
								this.isIsApply = res.data.data.IsApply;

								this.courmunulist = res.data.data.playBackListResults;
								this.huifmenuopenId = this.courmunulist[0].OpenId;
								this.huifmenuoname = this.courmunulist[0].Title;
							})
							.catch((e) => {
								console.log(e);
							});
					},
					// 预约下期直播课
					streamingcourse() {
						this.$uniRouter.push({
							path: "/streaming/streamingHome/main",
						});
					},

					// 跳转听课须知
					tomunotesappli() {
						this.$uniRouter.push({
							path: "/notesappli",
						});
					},
					// 点击报名须知弹框
					dialogtter() {
						this.flag = true;
						this.dialogttercou = true;
						// 加密完成
						this.$httphelper
							.post("/api/LmCourseApi/GetCourseApplyOk", {
								Sign: "string",
								OpenId: this.query.OpCourseId,
							})
							.then((res) => {
								this.Isgtter = res.data.data.Result;
							})
							.catch((err) => {
								console.log(err);
							});
					},

					// 立即报名
					baoming() {
						if (this.subscribe === "报名已满" || this.subscribe === "报名截止")
							return;
						let userName = this.$sessionStorage.getItem("userName");
						if (userName) {
							// 加密完成
							//  判断是否已经购买过此课程
							this.$httphelper
								.post("/api/LmCourseApi/GetIsApplyOk", {
									Sign: "string",
									AuthorId: this.$localStorage.getItem("AuthorId"),
									ClassId: this.classId,
								})
								.then((res) => {
									if (res.data.data == true) {
										//   this.$message({
										//     message: "您已报名过此课程",
										//     type: "warning",
										//   });
										wx.showToast({
											title: "您已报名过此课程",
											icon: "none",
										});
										wx.switchTab({
											url: "/pages/streamingytable/main",
										});
										//   this.$uniRouter.push({
										//     path: "/personal/streamingytable",
										//   });
									} else {
										this.$httphelper
											.post("/api/LmUserApi/GetAuthorInfo", {
												OpenId: this.$localStorage.getItem("AuthorId"),
											})
											.then((res) => {
												this.form.RealName = res.data.data.RealName;
												this.form.Gender = res.data.data.Gender;
												this.form.Birthday = res.data.data.Birthday;
												this.form.Professional = res.data.data.Professional;
												this.form.Education = res.data.data.Education;
												this.form.JobTitle = res.data.data.JobTitle;
												this.form.Job = res.data.data.Job;
												this.form.SectionOffice = res.data.data.SectionOffice;
												this.form.WorkUnit = res.data.data.WorkUnit;
												this.form.Address = res.data.data.Address;
												this.form.cell = res.data.data.Mobile;

												if (res.data.data.Education == 0) {
													this.form.Education = "";
												} else {
													this.form.Education = res.data.data.Education;
												}
												if (res.data.data.JobTitle == 0) {
													this.form.JobTitle = "";
												} else {
													this.form.JobTitle = res.data.data.JobTitle;
												}

												if (
													res.data.data.RealName == "" ||
													res.data.data.Gender == "" ||
													res.data.data.Birthday == "" ||
													res.data.data.Education == "" ||
													res.data.data.JobTitle == "" ||
													res.data.data.SectionOffice == "" ||
													res.data.data.WorkUnit == "" ||
													res.data.data.Address == "" ||
													res.data.data.Mobile == ""
												) {
													this.dialogFormVisible = true;
												} else {
													this.$uniRouter.push({
														path: "/pages/streamingpay/main",
														query: {
															classId: this.classId,
															courseId: this.courseId,
															type: this.query.type,
															Hftype: this.query.Hftype,
														},
													});
												}
											})
											.catch((err) => {
												console.log(err);
											});
									}
								})
								.catch((err) => {
									console.log(err);
								});
						} else {
							this.flagVideo = true;
							// this.$confirm("请先登录", "提示", {
							//   customClass: "message-logout",
							//   confirmButtonText: "确定",
							//   cancelButtonText: "取消",
							// })
							//   .then(() => {
							//     this.$uniRouter.push({
							//       path: "/pages/login/main",
							//     });
							//   })
							//   .catch((e) => {
							//     console.log(e);
							//   });
						}
					},
					// 获取课程详情
					getcoursedetail() {
						// 加密完成
						this.$httphelper
							.post("/api/LmCourseApi/GetCourseParticular", {
								OpenId: this.query.OpCourseId,
							})
							.then((res) => {
								console.log(res.data, "kk");
								if (res.data.code === 500) return;
								this.coursedetail = res.data.data || {};
								this.classId = this.coursedetail.OpClassId;
								this.courseId = this.coursedetail.OpCourId;
								this.coursedetail.Price =
									this.coursedetail.Price && this.coursedetail.Price.toFixed(2);
								this.zheprice = (
									this.coursedetail.Price * this.coursedetail.DisCount
								).toFixed(2);
								this.disCount = parseInt(this.coursedetail.DisCount * 10);

								// 报名截止日期
								var remindTime = this.coursedetail.EndApplyDate;
								// var remindTime = this.coursedetail.StartDate
								var str = remindTime.toString();
								str = str.replace("/-/g", "/");
								var finTime = new Date(str).getTime();

								// 当前时间
								let date = new Date();
								let datate = "";
								let y = date.getFullYear();
								let MM = date.getMonth() + 1;
								MM = MM < 10 ? "0" + MM : MM;
								let d = date.getDate();
								d = d < 10 ? "0" + d : d;
								let h = date.getHours();
								h = h < 10 ? "0" + h : h;
								let m = date.getMinutes();
								m = m < 10 ? "0" + m : m;
								let s = date.getSeconds();
								s = s < 10 ? "0" + s : s;
								datate = y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
								var strB = datate.toString();
								strB = strB.replace("/-/g", "/");
								var finTimeB = new Date(strB).getTime();

								if (finTimeB > finTime) {
									// 鼠标禁止点击事件

									this.apply = "报名截止";

									this.subscribe = "报名截止";

									this.applyStyle =
										"background:rgb(244, 244, 244) !important;color:#777 !important;";
									this.subscribeStyle = {
										"pointer-events": "none",
										border: "none",
									};
								}


								// else if()
								// 课程概述
								this.$httphelper
									.post("/api/LmCourseApi/GetCourseGeneralize", {
										OpenId: this.coursedetail.OpClassId,
									})
									.then((res) => {
										console.log('??????????????????????', res)
										this.coursedescribe = res.data.data;
										this.coursedescribetit = this.coursedescribe.Describe;
										this.coursedescribecont = this.coursedescribe.Experts;
										if (this.coursedescribecont.length < 4) {} else {}
									})
									.catch((e) => {
										console.log(e);
									});
							})
							.catch((e) => {
								console.log(e);
							});
					},
					getCoursemenu() {
						// 课程目录
						// 加密完成
						this.$httphelper
							.post("/api/LmCourseApi/GetCourseCatalogList", {
								OpenId: this.classId,
							})
							.then((res) => {
								this.muldescribecont = res.data.data;
							})
							.catch((e) => {
								console.log(e);
							});
					},

					// 跳转专家详情
					tomrexpert(item) {
						this.$uniRouter.push({
							path: "/streaming/streamingexpert",
							query: {
								id: item.OpenId,
								courseId: this.courseId,
								type: this.query.type,
								Hftype: this.query.Hftype,
							},
						});
					},

					// 根据id获取用户个人信息
					getIdInfo() {
						let userName = this.$sessionStorage.getItem("userName");
						if (userName) {
							this.$httphelper
								.post("/api/LmUserApi/GetAuthorInfo", {
									OpenId: this.$localStorage.getItem("AuthorId"),
								})
								.then((res) => {
									this.IsMember = res.data.data.IsMember;
									this.mobileB = res.data.data.Mobile;
									this.enddata = res.data.data.EndMemberDate;
									this.$localStorage.setItem("Mobile", this.mobileB);
									this.$localStorage.setItem("IsMember", this.IsMember);
									this.$localStorage.setItem("EndMemberDate", this.enddata);
								})
								.catch((err) => {
									console.log(err);
								});
						}
					},
					// 绑定手机号提交按钮
					tosubmit() {
						if (this.form.cell == "") {
							this.$message({
								message: "请输入手机号",
								type: "warning",
							});
						} else {
							this.$httphelper
								.post("/api/LmUserApi/PhoneNumberBound", {
									AuthorId: this.$localStorage.getItem("AuthorId"),
									PhoneNumber: this.form.cell,
								})
								.then((res) => {
									if (res.data.data == true) {
										this.$message({
											message: "绑定成功",
											type: "success",
										});
										this.$uniRouter.push({
											path: "streaming/streamingpay",
											query: {
												classId: this.classId,
												courseId: this.courseId,
												type: this.query.type,
												Hftype: this.query.Hftype,
											},
										});
									} else {
										this.$message({
											message: "绑定失败",
											type: "warning",
										});
									}
								})
								.catch((err) => {
									console.log(err);
								});
						}
					},

					// 验证码
					gettime() {
						if (this.time == 0) {
							this.perdisabled = false;
							clearInterval(this.close);
							this.time = "获取验证码";
						} else {
							this.time--;
						}
					},
					// 获取验证码
					getCode() {
						if (this.time !== "获取验证码") return;
						this.perdisabled = true;
						// 加密完成
						if (this.form.cell == "") {
							this.$message({
								message: "请输入手机号",
								type: "warning",
							});
						} else {
							this.$httphelper
								.post("/api/LmUserApi/PhoneNumberExist", {
									Mobile: this.form.cell,
								})
								.then((res) => {
									if (res.data.data == true) {
										this.$message({
											message: "此手机号已存在，不允许绑定",
											type: "warning",
										});
									} else {
										this.$httphelper
											.post("/api/SmsEmailCodeApi/GetSmsCode", {
												Mobile: this.form.cell,
											})
											.then((res) => {
												if (res.data.data == true) {
													this.time = 60;
													this.close = setInterval(this.gettime, 1000);
												} else {
													this.$message({
														message: "发送失败",
														type: "warning",
													});
												}
											})
											.catch((err) => {
												console.log(err);
											});
									}
								})
								.catch((err) => {
									console.log(err);
								});
						}
					},
					init(e) {
						this.query = e;
						this.Ismobile = this.$localStorage.getItem("Mobile");
						this.Islogin = this.$sessionStorage.getItem("userName");

						this.coursetype = this.query.coursetype;
						this.contNav = this.query.contNav;

						this.getcoursedetail();
						this.getIdInfo();

						this.gethuifmenu();

						this.getJobTitle();
						this.getEducation();
					},
					getValues(e) {},
					AddressChange(e) {
						this.form.Address = e.mp.detail;
					},
					WorkUnitChange(e) {
						this.form.WorkUnit = e.mp.detail;
					},
					SectionOfficeChange(e) {
						this.form.SectionOffice = e.mp.detail;
					},
					JobTitleChange(e) {
						this.JobTitleShow = false;
						this.form.JobTitle = e.mp.detail.value.ValueID;
						this.JobTitle = e.mp.detail.value.ValueText;
					},
					EducationChange(e) {
						console.log(e, "娃哈哈");
						this.BirthdayShow = false;
						this.form.Education = e.mp.detail.value.ValueID;
						this.EducationName = e.mp.detail.value.ValueText;
					},
					BirthdayCancel(e) {
						this.popupShow = false;
					},
					BirthdayChange(e) {
						console.log(e.mp.detail, "快快快");
						this.popupShow = false;
						if (!e.mp.detail) return;
						let date = new Date(e.mp.detail);
						let year = date.getFullYear();
						let month = date.getMonth() + 1;
						let tim = date.getDate();
						this.form.Birthday = year + "年" + month + "月" + tim + "日";
						this.Birthday = `${year}/${month}/${tim} 0:00:00`;
						this.tim = e.mp.detail;
					},
					RealNameChange(e) {
						this.form.RealName = e.mp.detail;
					},
					GenderChange(e) {
						this.form.Gender = e.mp.detail;
					},
					showPopup() {},
					openPopup(name) {
						this[name] = true;
					},
					onClose() {
						this.BirthdayShow = false;
						this.JobTitleShow = false;
					},
					// 修改保存信息
					save() {
						//   this.$refs.orgDialogForm.validate((valid) => {
						// if (valid) {
						if (!this.form.RealName.trim()) {
							return wx.showToast({
								title: "姓名不为空",
								icon: "none"
							});
						}
						console.log(this.form.Gender, "发放 ");
						if (!this.form.Gender) {
							return wx.showToast({
								title: "请选择性别",
								icon: "none"
							});
						}
						if (!this.form.Birthday) {
							return wx.showToast({
								title: "请选择出生日期",
								icon: "none"
							});
						}
						if (this.form.Education == "") {
							this.form.Education = 0;
						} else {
							this.form.Education = this.form.Education;
						}
						if (this.form.JobTitle == "") {
							this.form.JobTitle = 0;
						} else {
							this.form.JobTitle = this.form.JobTitle;
						}
						this.BirthdayB = moment.formatTime(this.tim);
						console.log(this.BirthdayB, "wjj");
						this.$httphelper
							.post("/api/LmUserApi/UpdateUserMessage", {
								OpenId: this.$localStorage.getItem("AuthorId"),
								WorkUnit: this.form.WorkUnit,
								Birthday: this.Birthday,
								Gender: Number(this.form.Gender),
								Address: this.form.Address,
								RealName: this.form.RealName,
								// Professional: this.form.Professional,
								Professional: "",
								Education: this.form.Education,
								JobTitle: this.form.JobTitle,
								SectionOffice: this.form.SectionOffice,
								// Job: this.form.Job,
								Job: "",
								Mentor: "",
								ZipCode: "",
								Mobile: this.$localStorage.getItem("Mobile"),
							})
							.then((res) => {
								if (res.data.data == true) {
									this.$message({
										message: "修改信息成功",
										type: "success",
									});
								} else {
									this.$message({
										message: "修改信息失败",
										type: "warning",
									});
								}
							})
							.catch((err) => {
								console.log("请求失败：" + "err");
							});
						// }
						//   });
					},
					// 获取用户信息
					getuderinfo() {
						this.$httphelper
							.post("/api/LmUserApi/GetAuthorInfo", {
								OpenId: this.$localStorage.getItem("AuthorId"),
							})
							.then((res) => {
								console.log(res.data.data.Birthday, "浏览量");
								let time = new Date(res.data.data.Birthday);
								let year = time.getFullYear();
								let month = time.getMonth() + 1;
								let date = time.getDate();
								this.form.RealName = res.data.data.RealName;
								this.form.WorkUnit = res.data.data.WorkUnit;
								this.form.Birthday = time.getTime();
								this.Birthday = `${year}/${month}/${date} 0:00:00`;
								this.form.Gender = res.data.data.Gender + "" || "1";
								this.form.Address = res.data.data.Address;
								this.form.Professional = res.data.data.Professional;
								this.form.SectionOffice = res.data.data.SectionOffice;
								this.form.Education = res.data.data.Education;
								this.form.JobTitle = res.data.data.JobTitle;
								this.form.Job = res.data.data.Job;
								this.getEducation();
								this.getJobTitle();
								if (res.data.data.Education == 0) {
									this.form.Education = "";
								} else {
									this.form.Education = res.data.data.Education;
								}
								if (res.data.data.JobTitle == 0) {
									this.form.JobTitle = "";
								} else {
									this.form.JobTitle = res.data.data.JobTitle;
								}
								if (res.data.data.Birthday == null) {
									this.form.Birthday = this.form.Birthday;
								} else {
									this.form.Birthday = res.data.data.Birthday;
								}
							})
							.catch((err) => {
								console.log("请求失败：" + "err");
							});
					},
					// 获取学历下拉
					getEducation() {
						this.$httphelper
							.post("/api/LmUserApi/GetDictValue", {
								TypeName: "Education",
							})
							.then((res) => {
								this.optionsedu = res.data.data;
								let val = res.data.data.filter((item) => {
									return item.ValueID === this.form.Education;
								})[0];
								console.log(val, "lll");
								if (val) {
									this.EducationName = val.ValueText;
								}
							})
							.catch((err) => {
								console.log("请求失败：" + "err");
							});
					},
					// 获取职称下拉
					getJobTitle() {
						this.$httphelper
							.post("/api/LmUserApi/GetDictValue", {
								TypeName: "JobTitle",
							})
							.then((res) => {
								this.optionsejob = res.data.data;
								let val = res.data.data.filter((item) => {
									return item.ValueID === this.form.JobTitle;
								})[0];
								console.log(val, "pp");
								if (val) {
									this.JobTitle = val.ValueText;
								}
							})
							.catch((err) => {
								console.log("请求失败：" + "err");
							});
					},
				},
				// 解决轮播不能滚动问题
				updated() {
					this.$nextTick(function() {});
				},
				created() {
					// if (this.query.Hftype == 2) {
					//   this.playback(
					//     false,
					//     this.query.OpenId,
					//     this.query.title,
					//     this.query.index
					//   );
					// }
				},
				onLoad(e) {
					this.flagVideo = false;
					this.flag = false;
					this.videoCove = false;
					this.query = e;
					this.Ismobile = this.$localStorage.getItem("Mobile");
					this.Islogin = this.$sessionStorage.getItem("userName");

					this.coursetype = this.query.coursetype;
					this.contNav = this.query.contNav;

					this.getcoursedetail();
					this.getIdInfo();

					this.gethuifmenu();

					this.getJobTitle();
					this.getEducation();
				},
				mounted() {
					// 判断视频播放是否结束并且判断是否是报名用户，反则报名观看全程
					if (!this.state) {
						//   document.getElementById(
						//     "streamingdetail_cont_main_video_video"
						//   ).loop = false; // 不设置视频循环播放
						//   document
						//     .getElementById("streamingdetail_cont_main_video_video")
						//     .addEventListener(
						//       "ended",
						//       () => {
						//         //该视频播放是否已结束
						//         this.state = true;
						//       },
						//       false
						//     );
					}
				},
		};
</script>

<style lang="less" scoped>
	.labelSty {
		display: flex;
		align-items: center;
		color: #3c3c3c;
		font-size: 26rpx;
		margin-top: 20rpx;
		margin-bottom: 20rpx;

		>div:first-of-type {
			padding: 20rpx 60rpx;
			width: 180rpx;
			box-sizing: border-box;
		}
	}

	.birth {
		display: flex;
		align-items: center;
		color: #3c3c3c;
		font-size: 26rpx;

		p:first-of-type {
			width: 180rpx;
			padding: 20rpx 30rpx;
			box-sizing: border-box;
		}

		p:last-of-type {
			flex: 1;
		}
	}

	.personalCont_Cont_right_save {
		width: 188rpx;
		height: 60rpx;
		background: #003c80;
		color: #ffffff;
		font-size: 32rpx;
		line-height: 60rpx;
		text-align: center;
		margin: 60rpx auto;
	}

	.lookvideo {
		float: right;
		width: 160rpx;
		height: 70rpx;
		text-align: center;
		line-height: 70rpx;
		color: #003c80;
		font-size: 32rpx;
		border: 2rpx solid #003c80;
		margin-right: 32rpx;
		margin-top: 18rpx;
	}

	#streamingdetail {
		width: 100%;

		.streamingdetail_cont {
			width: 100%;
			height: 100%;

			.streamingdetail_cont_crumbs {
				width: 2280rpx;
				height: 40rpx;
				margin: 0 auto;
				position: relative;
				margin-top: 45rpx;
				text-align: left;
				line-height: 40rpx;
				padding-left: 20rpx;

				span:nth-child(1) a,
				span:nth-child(3) a,
				span:nth-child(4) a {
					color: #000000;
					font-size: 32rpx;
					font-weight: bold;
					cursor: pointer;
				}

				i {
					color: #767c82;
					font-size: 36rpx;
					margin-left: 20rpx;
					font-weight: bold;
				}

				span:nth-child(5),
				span:nth-child(6) {
					color: #000;
					font-size: 32rpx;
					margin-left: 20rpx;
					font-weight: bold;
					cursor: pointer;

					a {
						color: #000;
					}
				}

				span:nth-child(7),
				span:nth-child(8),
				span:nth-child(9) {
					color: #003c80;
					font-size: 32rpx;
					margin-left: 20rpx;
					font-weight: bold;
					cursor: pointer;

					a {
						color: #003c80;
					}

					/deep/p {
						display: inline-block;
					}
				}
			}

			.streamingdetail_cont_main {
				width: 2400rpx;
				margin: 0 auto;
				position: relative;
				padding-bottom: 60rpx;
				height: 760rpx;

				.streamingdetail_cont_main_left {
					width: 1200rpx;
					height: 676rpx;
					float: left;
					position: relative;

					img {
						display: inline-block;
						width: 100%;
						height: 100%;
					}

					.streamingdetail_cont_main_left_cover {
						width: 100%;
						height: 100%;
						background: rgba(21, 21, 27, 0.7);
						position: absolute;
						top: 0;
						left: 0;

						.streamingdetail_cont_main_left_cover_ifno {
							width: 100%;
							padding: 0 40rpx;
							box-sizing: border-box;
							position: absolute;
							top: 50%;
							margin-top: -78rpx;

							p {
								text-align: center;
								color: #fff;
							}

							.nextd:nth-child(1) {
								font-size: 48rpx;
							}

							.nexttow:nth-child(2) {
								font-size: 32rpx;
								margin-top: 28rpx;

								a {
									display: inline-block;
									color: #fff;
									font-size: 32rpx;
									display: inline-block;
									border-bottom: 2rpx solid #fff;
									padding-bottom:4rpx;
									margin-left: 50rpx;
								}
							}
						}

						.playvideobtn {
							width: 192rpx;
							height: 192rpx;
							border-radius: 50%;
							color: #fff;
							text-align: center;
							line-height: 218rpx;
							background-color: #003c80;
							background-color: #003c80;
							position: absolute;
							z-index: 1;
							left: 50%;
							top: 50%;
							-webkit-transform: translate(-50%, -50%);
							transform: translate(-50%, -50%);
							cursor: pointer;

							i {
								margin-left: 12rpx;
								font-size: 120rpx;
								color: #fff;
								position: relative;
								top: -10rpx;
								left: -2rpx;
							}
						}
					}

					.streamingdetail_cont_main_left_promise {
						font-size: 28rpx;
						color: #999;
						height: 52rpx;
						line-height: 52rpx;

						i {
							font-size: 50rpx;
							color: #8ac2f3;
							position: relative;
							top: 10rpx;
						}

						span {
							cursor: pointer;
						}
					}
				}

				.streamingdetail_cont_main_right {
					width: 1140rpx;
					float: right;

					.streamingdetail_cont_main_right_tit {
						font-size: 44rpx;
						display: inline-block;
						overflow: hidden;
						text-overflow: ellipsis;
						-webkit-line-clamp: 1;
						line-clamp: 1;
						white-space: nowrap;

						a {
							display: inline-block;
							color: #333;
							font-size: 44rpx;
						}

						span {
							display: inline-block;
							font-size: 32rpx;
							color: #999;
							margin-left: 20rpx;
						}
					}

					.streamingdetail_cont_main_right_paycount {
						color: #999;
						font-size: 30rpx;
						margin-top: 20rpx;

						i {
							width: 2rpx;
							height: 20rpx;
							border-right: 2rpx solid #999;
							margin-left: 40rpx;
							margin-right: 40rpx;
						}

						span {
							background: #eee;
							border-radius: 18rpx;
							line-height: 32rpx;
							padding: 10rpx 12rpx;
							display: inline-block;
							font-size: 28rpx;
							line-height: 1;
							color: #777;
							transform: scale(0.82);
						}
					}

					.streamingdetail_cont_main_right_date {
						border: 2rpx solid #e5e5e5;
						padding: 10rpx 30rpx 12rpx;
						position: relative;
						margin-top: 64rpx;
						height: 98rpx;
						line-height: 84rpx;

						.hidden-clip {
							clip: inherit;
							top: -40rpx;
							font-size: 32rpx;
							background: #fff;
							line-height: 70rpx;
							padding: 0 10rpx;
							position: absolute;
						}

						p {
							color: #333;
							font-size: 30rpx;
						}
					}

					.streamingdetail_cont_main_right_price {
						width: 100%;
						margin-top: 36rpx;
						border: 2rpx solid #003c80;

						.streamingdetail_cont_main_right_price_top {
							background-color: #003c80;
							height: 80rpx;
							line-height: 80rpx;
							padding-left: 30rpx;

							span {
								font-size: 36rpx;
								color: #fff;
							}
						}

						.streamingdetail_cont_main_right_price_bottom {
							width: 100%;

							ul {
								width: 100%;

								li {
									list-style: none;
									padding: 20rpx 32rpx 20rpx 32rpx;

									span:nth-child(1) {
										font-size: 46rpx;
										color: #003c80;
										position: relative;
										top: 2rpx;
										cursor: pointer;
									}

									span:nth-child(2) {
										font-size: 32rpx;
										color: #5d7283;
										margin-left: 20rpx;
										position: relative;
										top: -2rpx;
										cursor: pointer;
										text-decoration: line-through;
									}
								}
							}
						}
					}

					.streamingdetail_cont_main_right_subpay {
						float: left;
						width: 240rpx;
						height: 80rpx;
						line-height: 80rpx;
						background: #003c80;
						color: #fff;
						font-size: 36rpx;
						text-align: center;
						margin-top: 60rpx;
						cursor: pointer;

						span {
							display: block;
						}
					}

					.streamingdetail_cont_main_right_subpay:hover {
						background: #ff4343;
					}

					.streamingdetail_cont_main_right_zixu {
						width: 240rpx;
						height: 80rpx;
						line-height: 80rpx;
						border: 2rpx solid #003c80;
						color: #003c80;
						font-size: 36rpx;
						text-align: center;
						margin-top: 60rpx;
						cursor: pointer;
						margin-left: 50rpx;
						float: left;
					}

					.streamingdetail_cont_main_right_zixuB {
						width: 240rpx;
						height: 82rpx;
						line-height: 82rpx;
						border: 2rpx solid #003c80;
						color: #003c80;
						font-size: 36rpx;
						text-align: center;
						margin-top: 60rpx;
						cursor: pointer;
						margin-left: 50rpx;
						float: left;
						background-size: cover;
					}

					.streamingdetail_cont_main_right_zixuB:hover {
						span {
							font-weight: bold;
						}
					}

					.streamingdetail_cont_main_right_zixu_erweima {
						width: 374rpx;
						height: 206rpx;
						border: 2rpx solid #f4f4f4;
						float: right;
						margin-right: 16%;
						margin-top: 12rpx;
						background: #fff;

						img {
							width: 52%;
							display: inherit;
							height: 100%;
							margin: 0 auto;
							float: left;
						}

						span {
							float: right;
						}

						span:nth-child(2) {
							margin-top: 64rpx;
							margin-right: 13%;
						}

						span:nth-child(4) {
							margin-right: 6%;
							margin-top: 12rpx;
						}
					}
				}
			}

			.streamingdetail_contB {
				width: 100%;
				height: auto;
				padding-bottom: 100rpx;
				position: relative;

				.academicCont_crumbs {
					width: 2280rpx;
					height: 40rpx;
					margin: 0 auto;
					position: relative;
					margin-top: 56rpx;
					text-align: left;
					line-height: 40rpx;
					padding-left: 20rpx;

					span:nth-child(1) a {
						color: #000000;
						font-size: 32rpx;
						font-weight: bold;
						cursor: pointer;
					}

					i {
						color: #767c82;
						font-size: 36rpx;
						margin-left: 20rpx;
						font-weight: bold;
					}

					span:nth-child(3) {
						color: #003c80;
						font-size: 32rpx;
						margin-left: 20rpx;
						font-weight: bold;
						cursor: pointer;
					}
				}

				.streamingdetail_cont_main {
					width: 2400rpx;
					height: 1164rpx;
					margin: 0 auto;

					.streamingdetail_cont_main_video {
						width: 100%;
						height: 980rpx;

						.streamingdetail_cont_main_video_video {
							width:1740rpx;
							height: 100%;
							float: left;
							position: relative;
							border: 2rpx solid #e9e9e9;
							border-right: none;
							border-bottom: none;

							video {
								width: 100%;
								height: 100%;
							}

							.streamingdetail_cont_main_video_video_cover {
								.streamingdetail_cont_main_video_video_cover_cover {
									width: 100%;
									height: 100%;
									background: rgba(0, 0, 0, 0.6);
									position: absolute;
									top: 0;
									left: 0;
								}

								.streamingdetail_cont_main_video_video_cover_img {
									width: 100%;
									height: 100%;
									background-size: cover;
									position: absolute;
									top: 0;
									left: 0;
								}

								.streamingdetail_cont_main_video_video_cover_btn {
									width: 192rpx;
									height: 192rpx;
									border-radius: 50%;
									color: #fff;
									text-align: center;
									line-height: 218rpx;
									background-color: #08cb6a;
									background-color: #003c80;
									position: absolute;
									z-index: 1;
									left: 50%;
									top: 50%;
									-webkit-transform: translate(-50%, -50%);
									-ms-transform: translate(-50%, -50%);
									transform: translate(-50%, -50%);
									cursor: pointer;

									i {
										margin-left: 2rpx;
										font-size: 80rpx;
										color: #fff;
										position: relative;
										top: -10rpx;
										left: 4rpx;
									}
								}

								.streamingdetail_cont_main_video_video_cover_btn:hover {
									background-color: #12a7ff;
								}
							}
						}

						.streamingdetail_cont_main_video_menu {
							width: 660rpx;
							height: 100%;
							float: right;
							background: #131313;
							overflow: hidden;
							overflow-y: auto;

							.streamingdetail_cont_main_video_menu_one {
								padding: 16rpx;
								width: 100%;

								.courmunuactive {
									p {
										span:nth-child(1) {
											background: #003c80;
											color: #333;
										}

										span:nth-child(2) {
											color: #003c80 !important;
										}
									}
								}

								li:hover {
									p {
										span:nth-child(1) {
											background: #003c80;
											color: #333;
										}

										span {
											color: #003c80;
										}
									}
								}

								li {
									list-style: none;
									width: 94%;
									margin: 0 auto;
									border-bottom: 2rpx solid #2a2a2a;
									padding: 30rpx 0;
									cursor: pointer;

									.streamingdetail_cont_main_video_menu_left {
										display: inline-block;
										width: 70rpx;
										height: 40rpx;
										background: #777777;
										text-align: center;
										line-height: 40rpx;
										color: #333;
										font-weight: bold;
										border-radius: 6rpx;
										font-size: 28rpx;
									}

									span:nth-child(2) {
										float: right;
										width: 85%;
										color: #c7c7c7;
										font-size: 28rpx;
										overflow: hidden;
										text-overflow: ellipsis;
										-webkit-line-clamp: 1;
										line-clamp: 1;
										white-space: nowrap;
									}
								}
							}

							.streamingdetail_cont_main_video_menu_two {
								padding: 16rpx;
								width: 76%;
								margin-left: 7%;
								margin-top: -30rpx;

								.courmunuovoactive {
									p {
										span:nth-child(1) {
											background: #003c80;
											color: #333;
										}

										span:nth-child(2) {
											color: #003c80 !important;
										}
									}
								}

								li:hover {
									p {
										span:nth-child(1) {
											background: #003c80;
											color: #333;
										}

										span {
											color: #003c80;
										}
									}
								}

								li {
									list-style: none;
									width: 94%;
									margin: 0 auto;
									border-bottom: 2rpx solid #2a2a2a;
									padding: 30rpx 0;
									cursor: pointer;

									.streamingdetail_cont_main_video_menu_left {
										display: inline-block;
										width: 70rpx;
										height: 40rpx;
										background: #777777;
										text-align: center;
										line-height: 40rpx;
										color: #333;
										font-weight: bold;
										border-radius: 6rpx;
										font-size: 28rpx;
									}

									span:nth-child(2) {
										float: right;
										width: 78%;
										color: #c7c7c7;
										font-size: 28rpx;
										overflow: hidden;
										text-overflow: ellipsis;
										-webkit-line-clamp: 1;
										line-clamp: 1;
										white-space: nowrap;
									}
								}
							}
						}
					}

					.streamingdetail_cont_main_info {
						width: 100%;
						height: 184rpx;
						padding: 28rpx 32rpx;
						background-color: #232323;
						box-sizing: border-box;

						.streamingdetail_cont_main_info_tit {
							width: 170rpx;
							height: 128rpx;
							float: left;

							p:nth-child(1) {
								font-size: 44rpx;

								span:nth-child(1) {
									color: #fff;
								}

								span:nth-child(2) {
									color: #ff4f23;
								}
							}

							p:nth-child(2) {
								margin-top: 6rpx;
								color: #003c80;
								font-size: 40rpx;

								span {
									display: inline-block;
									margin-right: 64rpx;
								}
							}
						}

						.streamingdetail_cont_main_info_btn {
							width: 586rpx;
							height: 100rpx;
							float: right;
							background: #003c80;
							line-height: 100rpx;
							text-align: center;
							color: #fff;
							font-size: 36rpx;
							cursor: pointer;
							margin-top: 18rpx;
						}

						.streamingdetail_cont_main_info_btn:hover {
							background-color: #12a7ff;
						}
					}
				}
			}

			.streamingdetail_cont_body {
				width: 100%;
				height: 100%;
				background: #f4f4f4;
				padding-bottom: 100rpx;

				.streamingdetail_cont_body_main {
					width: 2400rpx;
					height: auto;
					margin: 0 auto;
					position: relative;
				}

				.streamingdetail_cont_body_left {
					width: 2400rpx;
					height: auto;
					background: #fff;
					float: left;
					padding: 0 40rpx 40rpx;
					margin-top: 40rpx;

					.streamingdetail_cont_body_left_tab {
						line-height: 110rpx;
						border-bottom: 2rpx solid #f6f6f6;

						ul {
							width: 100%;

							li:hover {
								a {
									color: #003c80;
								}
							}

							.stretab {
								a {
									color: #003c80;
								}

								border-bottom: 10rpx solid #003c80;
							}

							li {
								list-style: none;
								width: 160rpx;
								height: 90rpx;
								text-align: center;
								line-height: 90rpx;
								font-size: 32rpx;
								float: left;
								cursor: pointer;
								margin-right: 80rpx;

								a {
									display: inline-block;
									width: 100%;
									height: 100%;
									color: #333;
								}
							}
						}
					}

					.streamingdetail_cont_body_left_tab_cont {
						width: 100%;
						margin-top: 46rpx;

						.streamingdetail_cont_body_left_tab_cont_tet {
							font-size: 32rpx;
							line-height: 2;
							margin-bottom: 20rpx;
							color: #333;
							font-weight: bold;
						}

						.streamingdetail_cont_body_left_tab_cont_swiper:hover .swiper-button-next {
							display: block !important;
						}

						.streamingdetail_cont_body_left_tab_cont_swiper:hover .swiper-button-prev {
							display: block !important;
						}

						.streamingdetail_cont_body_left_tab_cont_swiper {
							width: 100%;
							height: 226rpx;

							.swiper-container {
								width: 100%;
								height: 100%;
							}

							.swiper-wrapper {
								padding-left: 60rpx;
								padding-right: 60rpx;
							}

							/deep/.swiper-slide {
								width: 600rpx !important;
								text-align: center;
								font-size: 36rpx;
								background: #fff;
								cursor: pointer;

								/* Center slide text vertically */
								display: -webkit-box;
								display: -ms-flexbox;
								display: -webkit-flex;
								display: flex;
								-webkit-box-pack: center;
								-ms-flex-pack: center;
								-webkit-justify-content: center;
								justify-content: center;
								-webkit-box-align: center;
								-ms-flex-align: center;
								-webkit-align-items: center;
								align-items: center;
							}

							.swiper-button-next,
							.swiper-button-prev {
								display: none !important;
								z-index: 1;
								position: absolute;
								top: 59%;
								transform: translateY(-50%);
								display: block;
								width: 50rpx;
								height: 100rpx;
								background-color: #000;
								color: #fff;
								opacity: 0.4;
								border-radius: 50rpx 0 0 50rpx;
								right: 0;
								background-image: none;

								i {
									line-height: 104rpx;
									font-size: 42rpx;
									position: relative;
									left: 12rpx;
								}
							}

							.swiper-button-prev {
								left: 0;
								border-radius: 0rpx 50rpx 50rpx 0rpx;

								i {
									left: 0;
								}
							}

							.streamingdetail_cont_body_left_tab_cont_swiper_info {
								width: 600rpx;
								height: 194rpx;

								.streamingdetail_cont_body_left_tab_cont_swiper_info_img {
									width: 192rpx;
									height: 192rpx;
									border-radius: 50%;
									float: left;
									margin-right: 40rpx;
									overflow: hidden;

									img {
										width: 100%;
										height: 100%;
									}
								}

								.streamingdetail_cont_body_left_tab_cont_swiper_info_cont {
									float: right;
									width: 362rpx;
									height: 100%;

									p:nth-child(1) {
										color: #003c80;
										text-align: left;
										overflow: hidden;
										text-overflow: ellipsis;
										display: -webkit-box;
										-webkit-line-clamp: 1;
										line-clamp: 1;
										/* autoprefixer: off */
										-webkit-box-orient: vertical;
										/* autoprefixer: on */
										font-size: 36rpx;

										a {
											color: #003c80;
										}
									}

									p:nth-child(2) {
										text-align: justify;
										color: #333;
										overflow: hidden;
										text-overflow: ellipsis;
										display: -webkit-box;
										-webkit-line-clamp: 3;
										line-clamp: 3;
										/* autoprefixer: off */
										-webkit-box-orient: vertical;
										/* autoprefixer: on */
										font-size: 28rpx;

										a {
											color: #333;
										}
									}
								}
							}
						}

						.streamingdetail_cont_body_left_tab_cont_info {
							margin-top: 56rpx;

							p:nth-child(1) {
								font-size: 32rpx;
								color: #000;
								line-height: 52rpx;
								font-weight: bold;
							}

							p:nth-child(2) {
								width: 100%;
								color: #333;
								font-size: 30rpx;
								line-height: 52rpx;
								margin-top: 34rpx;
							}
						}
					}

					.streamingdetail_cont_body_left_tab_contB {
						width: 100%;
						margin-top: 40rx;

						ul {
							li {
								width: 100%;
								height: 204rpx;
								list-style: none;
								margin-bottom: 20rpx;

								.streamingdetail_cont_body_left_tab_contB_top {
									width: 100%;
									height: 90rpx;
									line-height: 90rpx;

									span:nth-child(1) {
										width: 84rpx;
										text-align: left;
										font-size: 40rpx;
										color: #000;
										font-weight: 700;
										float: left;
										margin-left: 30rpx;
									}

									span:nth-child(2) {
										font-size: 32rpx;
										color: #000;
										font-weight: 700;
									}
								}

								.streamingdetail_cont_body_left_tab_contB_bottom {
									width: 100%;
									height: 104rpx;
									background: #f4f4f4;
									cursor: pointer;
									position: relative;

									i {
										font-size: 40rpx;
										position: absolute;
										left: 0;
										top: 30rpx;
										width: 106rpx;
										text-align: center;
										color: #a3d2f8;
									}

									p {
										font-size: 32rpx;
										color: #333;
										line-height: 100rpx;
										margin-left: 6%;
										font-weight: bold;

										span:nth-child(2) {
											color: #999;
											margin-left: 20rpx;
										}
									}
								}

								.streamingdetail_cont_body_left_tab_contB_bottom:hover {
									background: #eeeeee;

									i {
										color: #003c80;
									}
								}
							}
						}
					}
				}
			}
		}

		.regisCon_div {
			display: inline-block;
			width: 42%;
			height: 64rpx;
			border: 2rpx solid #cbcbcb;
			margin-bottom: 38rpx;
			border-radius: 10rpx;
			position: relative;
			margin-left: 6%;

			i {
				color: #cbcbcb;
				position: relative;
				top: 10rpx;
				left: 18rpx;
			}

			.el-form-item {
				position: relative;
				width: 100%;
				height: 64rpx !important;

				/deep/.el-input__inner {
					border: none;
					position: relative;
					top: -2px;
					height: 30px;
				}
			}

			.regis_hq {
				width: 176rpx;
				height: 62rpx;
				background: #003c80;
				text-align: center;
				color: #fff;
				font-size: 32rpx;
				cursor: pointer;
				position: absolute;
				right: -4rpx;
				top: 0;
				border-radius: 0 10rpx 10rpx 0;
				padding: 16rpx 6rpx;
			}
		}

		/deep/.el-dialog__header {
			border-bottom: 1px solid #efefef !important;
		}

		.dialogttercoubaoming {
			/deep/.el-dialog__headerbtn {
				display: none;
			}

			/deep/.el-dialog {
				width: 46%;
				margin-top: 8vh !important;
			}

			/deep/.el-col-12 {
				width: 100%;
			}

			/deep/.el-form-item__label {
				font-size: 15px;
			}

			/deep/.el-dialog__title {
				text-align: center;
				margin-left: 42%;
				font-size: 25px;
				font-weight: bold;
			}

			/deep/.el-input {
				width: 80%;
			}

			/deep/.el-dialog__body {
				width: 85%;
				margin: 0 auto;
			}

			/deep/.el-select {
				width: 83%;

				/deep/.el-input {
					width: 96%;
				}
			}
		}

		.dialogttercou {
			/deep/.el-dialog {
				width: 50%;
			}

			/deep/.el-dialog__title {
				text-align: center;
				margin-left: 43%;
				font-size: 25px;
				font-weight: bold;
			}

			p {
				font-size: 36rpx;
				line-height: 74rpx;
				text-align: justify;
				margin-bottom: 20rpx;
				color: #000;
			}

			p:nth-child(1) {
				span {
					font-weight: bold;
				}
			}

			div {
				width: 400rpx;
				height: 400rpx;
				margin: 0 auto;

				img {
					display: inline-block;
					width: 100%;
					height: 100%;
				}
			}
		}
	}

	@media screen and (min-width: 1010px) {
		.moexpert {
			display: none;
		}
	}

	@media screen and (max-width: 1010px) {
		.streamingdetail {
			width: 100vw;
			overflow: hidden;
		}

		.streamingdetail_cont_main_right_subpay {
			width: 28% !important;
		}

		.streamingdetail_cont_main_right_zixuB {
			width: 28% !important;
		}

		.streamingdetail_cont_main_right_zixu {
			width: 28% !important;
			margin-left: 19px;
		}

		.wepcexpert {
			display: none;
		}

		/deep/.el-dialog {
			width: 84% !important;
		}

		.streamingdetail_cont {
			margin-bottom: 172rpx;

			.streamingdetail_contB {
				padding-bottom: 0px !important;
			}

			.streamingdetail_cont_crumbs {
				display: none;
			}

			.streamingdetail_cont_main {
				width: 100% !important;
				height: auto !important;

				.streamingdetail_cont_main_video {
					width: 100% !important;
					height: auto !important;

					.streamingdetail_cont_main_video_video {
						width: 100% !important;
						height: 484rpx !important;

						.streamingdetail_cont_main_video_video_cover {
							.streamingdetail_cont_main_video_video_cover_btn {
								width: 96rpx !important;
								height: 96rpx !important;

								i {
									font-size: 50rpx !important;
									top: -58rpx !important;
									left: 0rpx !important;
								}
							}
						}
					}
				}

				.streamingdetail_cont_main_info {
					display: none;
				}

				.streamingdetail_cont_main_video_menu {
					width: 100% !important;
				}

				.streamingdetail_cont_main_left {
					width: 100% !important;
					height: 468rpx !important;
					float: none !important;

					.streamingdetail_cont_main_left_promise {
						display: none;
					}

					.streamingdetail_cont_main_left_cover_ifno {
						top: 42% !important;

						p:nth-child(1) {
							font-size: 40rpx !important;
						}
					}
				}

				.streamingdetail_cont_main_right {
					width: 94% !important;
					margin: 0 auto;
					float: none !important;
					margin-top: 30rpx;

					.streamingdetail_cont_main_right_tit {
						width: 100% !important;
					}

					.streamingdetail_cont_main_right_paycount {
						span {
							margin-bottom: 12rpx;
						}
					}

					.streamingdetail_cont_main_right_date {
						height: auto !important;
					}
				}
			}
		}

		.streamingdetail_cont_body {
			.streamingdetail_cont_body_main {
				width: 100% !important;
				box-sizing: border-box;
				margin: 0 auto;

				.streamingdetail_cont_body_left {
					width: 100% !important;
					box-sizing: border-box;

					.moexpert {
						width: 100%;
						box-sizing: border-box;

						ul {
							width: 100%;
							box-sizing: border-box;
							height: 100%;

							li {
								list-style: none;
								width: 50% !important;
								float: left;
								margin-right: 0 !important;
								// height: 284px !important;
								border: none !important;
								padding: 30rpx 14rpx;
								margin-bottom: 24rpx;
								box-sizing: border-box;

								.moexpert_exrtpimg {
									width: 100%;
									// height: 224px;
									height: 304rpx;

									img {
										width: 100%;
										height: 100%;
									}
								}

								p:nth-child(2) {
									color: #003c80;
									text-align: left;
									overflow: hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 1;
									line-clamp: 1;
									/* autoprefixer: off */
									-webkit-box-orient: vertical;
									/* autoprefixer: on */
									font-size: 36rpx;
									margin-top: 10rpx;

									a {
										color: #003c80;
									}
								}

								p:nth-child(3) {
									text-align: justify;
									color: #333;
									overflow: hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 3;
									line-clamp: 3;
									/* autoprefixer: off */
									-webkit-box-orient: vertical;
									/* autoprefixer: on */
									font-size: 28rpx;

									a {
										color: #333;
									}
								}
							}
						}
					}

					.streamingdetail_cont_body_left_tab_contB {
						ul {
							li {
								height: auto !important;

								.streamingdetail_cont_body_left_tab_contB_bottom {
									height: auto !important;

									p {
										margin-left: 18% !important;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	::-webkit-scrollbar {
		width: 16rpx;
		height: 32rpx;
	}

	/*定义滚动条轨道 内阴影+圆角*/
	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 12rpx rgba(0, 0, 0, 0.3);
		border-radius: 20rpx;
		// background-color: #F5F5F5;
	}

	/*定义滑块 内阴影+圆角*/
	::-webkit-scrollbar-thumb {
		border-radius: 20rpx;
		-webkit-box-shadow: inset 0 0 12rpx rgba(0, 0, 0, 0.3);
		background-color: #555;
	}

	.streamingdetail_cont_body_left_tab_contB {
		.icon-zhibo {}
	}

	@media screen and (max-width: 1010px) {
		.message-logout {
			width: 80% !important;
		}
	}

	.shade {
		position: fixed;
		width: 100%;
		top: 0px;
		background: rgba(0, 0, 0, 0.4);
		z-index: 1000;
		overflow-y: auto;

		>div {
			width: 90%;
			padding: 20rpx;
			box-sizing: border-box;
			margin: 0 auto;
			margin-top: 40rpx;
			background-color: #fff;

			h6 {
				display: flex;
				justify-content: space-between;
				padding: 20rpx 20rpx 10rpx;
				border-bottom: 1px solid #efefef !important;

				span:fist-of-type {
					flex: 1;
					text-align: center;
					font-size: 50rpx;
					font-weight: bold;
				}

				span:last-of-type {
					font-size: 36rpx;
				}
			}

			p {
				margin: 20rpx 0;
				line-height: 48rpx;
			}

			>div {
				text-align: center;
			}

			img {
				width: 400rpx;
				height: 400rpx;
			}
		}
	}

	.poupDialog {
		position: fixed;
		z-index: 99;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.4);

		.amendingCont_cluster_Left_contB {
			position: relative;
			top: 50%;
			left: 50%;
			background-color: #fff;
			transform: translate(-50%, -50%);
		}
	}

	#streamingdetail {
		width: 100vw !important;
		overflow: hidden !important;
	}
</style>
